<script setup lang="ts">
import { onMounted, ref, reactive, onUnmounted, onActivated } from 'vue';
import { Global } from "../../Global";
import { HttpHelper } from "../../lib/HttpHelper";
import { ElTable, ElForm } from 'element-plus';
import { SystemEvent } from '@/lib/SystemEvent';
import DocEditor from '@/components/DocEditor.vue';

const isLoading = ref(0);
const isBusy = ref(false);

onActivated(() => bindList());

onUnmounted(() => {
  console.log("卸载了");
});

const refreshClick = () => {
  bindList();
}

const bindList = async () => {
  
}


const goView = (path: any) => {
  SystemEvent.raiseEvent("goView", path);
}
</script>
<template>
  <el-container v-loading="<any>isLoading" class="page-view-main">
    <div style="padding: var(--page-padding);flex:1;min-height:0px;display: flex;flex-direction: column;">
      <div class="page-view-panel">
        <div style="display: flex;flex-direction: row;margin-bottom: 10px;">
          <div style="flex:1;">
          </div>
          <div>
            <el-button-group class="ml-4">
              <el-button type="default" icon="Refresh" @click="refreshClick">刷新</el-button>
            </el-button-group>
          </div>
        </div>

        <div class="cardContainer">
          <el-card @click="goView('jockey/WinningsView')" v-if="false">
            <template #header>赛事 - 派奖审核</template>
            <div class="txt"></div>
          </el-card>
          
        </div>
      </div>
    </div>


  </el-container>
</template>
<style scoped lang="scss">
.el-card {
  width: 200px;
  cursor: pointer;
}

.cardContainer {
  margin: 0 40px;
  display: flex;
  flex-direction: row;
  column-gap: 40px;

  .txt {
    font-weight: 600;
  }
}
</style>